<!--
 * @Description: 
 * @Author: LiuYan
 * @Date: 2022-02-14 14:13:16
 * @LastEditTime: 2022-02-22 10:54:15
 * @LastEditors: LiuYan
 * @Reference: 
-->
<template>
  <div ref="maxView" class="max-view" :style="{ width, height }">
    <slot></slot>
  </div>
</template>

<script>
import zoomView from '../../mixins/zoomView'
export default {
  props: {
    width: {
      type: String,
      default: '1920px',
    },
    height: {
      type: String,
      default: '1080px',
    },
  },
  mixins: [zoomView],
}
</script>

<style lang="less" scoped>
.max-view {
  transform-origin: left top;
}
</style>
